<div>
    <div class="commonTitle">
        <h3>
            {{welcome_info}}
        </h3>
    </div>

    <div id="memberList" class="marginTop">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <div class="commonTitle">
                    <h3>
                        会员列表
                    </h3>
                </div>

                <div style="font-weight: bold;">
                    <!--<label>活动消费：{{dues.consume}}元</label>-->
                    <label>会费余额：{{dues.leave}}元</label>
                    <label>会员人数：<span style="margin: 0 2px;">{{pageInfo.totalCnt}}</span>人</label>
                </div>

                <div style="margin: 10px 0">
                    <a class="btn btn-primary" href="#/user/create">新增用户</a>
                    <a class="btn btn-primary" href="#/dues/create">用户充值</a>
                </div>

                <table class="table table-striped table-bordered">
                    <thead>
                    <tr>
                        <th> 会员</th>
                        <!--<th> ID</th>-->
                        <th> 会费</th>
                        <th> 入会日期</th>
                        <th> 备注</th>
                        <!--<th> 创建时间</th>-->
                        <!--<th> 更新时间</th>-->
                        <th> 操作</th>

                        <th> 会员</th>
                        <!--<th> ID</th>-->
                        <th> 会费</th>
                        <th> 入会日期</th>
                        <th> 备注</th>
                        <!--<th> 创建时间</th>-->
                        <!--<th> 更新时间</th>-->
                        <th> 操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="x in memberListDatas">

                        <td style="font-weight: bold;"> {{x.left.name}}</td>
                        <!--<td> {{x.left.id}}</td>-->
                        <td style="font-weight: bold;"> {{x.left.dues}}</td>
                        <td> {{x.left.joinDate}}</td>
                        <td> {{x.left.info}}</td>
                        <!--<td> {{x.left.createTime}}</td>-->
                        <!--<td> {{x.left.lastUpdateTime}}</td>-->
                        <td><a href="#/user/edit/{{x.left.id}}" class="" ng-if="x.left.id">edit</a></td>

                        <td style="font-weight: bold;"> {{x.right.name}}</td>
                        <!--<td> {{x.right.id}}</td>-->
                        <td style="font-weight: bold;"> {{x.right.dues}}</td>
                        <td> {{x.right.joinDate}}</td>
                        <td> {{x.right.info}}</td>
                        <!--<td> {{x.right.createTime}}</td>-->
                        <!--<td> {{x.right.lastUpdateTime}}</td>-->
                        <td><a href="#/user/edit/{{x.right.id}}" class="" ng-if="x.right.id">edit</a></td>
                    </tr>
                    </tbody>
                    <tr ng-if="!memberListDatas.length">
                        <td colspan="10" style="text-align: center;">暂无数据</td>
                    </tr>
                </table>

                <div>
                    <page-directive total-count="pageInfo.totalCnt" page-size="pageInfo.pageSize"
                                    page-items="pageItems" current-page="pageInfo.pageNo"
                                    go-page="selectPage(pageNo, pageSize)"></page-directive>
                </div>
            </div>
        </div>
    </div>
</div>